<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
		<!--屏幕适配-->
		<meta name="viewport" content="initial-scale=1,maximum-scale=1, minimum-scale=1">
		<script src="../js/flexible.js" type="text/javascript" charset="utf-8"></script>
		<script src="../js/jquery-2.1.0.js" type="text/javascript" charset="utf-8"></script>
		<script src="../js/common.js" type="text/javascript" charset="utf-8"></script>
		<!--样式文件-->
		<link rel="stylesheet" type="text/css" href="../css/course1.css"/>
		<link rel="stylesheet" type="text/css" href="../css/iconfont.css"/>
		<link rel="stylesheet" type="text/css" href="../css/login.css"/>
		<link rel="stylesheet" type="text/css" href="../css/search.css"/>
	</head>
	<body>
		<!--头部-->
		<header>
			<div class="header_def">
				<a class="header_def_l fl">
					<i class="iconfont">&#xe606;</i>
				</a>
				<div class="picbox">
					<img src="../img/index/logo_03.jpg" alt="" />
				</div>
				<a class="header_def_r1 fr">
					<i class="iconfont">&#xe634;</i>
				</a>
			</div>
		</header>
		<!--内容部分-->
		<section>
			<!--轮播部分-->
			<article class="picplay">
				<ul class="picplay_box">
					<li class="picbox">
						<a href="course2.html"><img src="../img/resource/02.png" alt="" /></a>
						<a href="course2.html" class="picinfo">
							<p>预装软件的红与黑！</p>
							<span>
								<i class="iconfont">&#xe623;</i>
								<em>10月19日 14:00 - 17:30</em>
							</span>
							<span>
								<i class="iconfont">&#xe624;</i>
								<em>金广大厦2楼</em>
							</span>
						</a>
					</li>
				</ul>
				<!--<ol class="btnsbox">
					<li class="btns now"></li>
					<li class="btns"></li>
					<li class="btns"></li>
					<li class="btns"></li>
				</ol>-->
			</article>
			<article class="c1">
				<div class="w583">
					<div class="c1_top clearfix">
						<div class="picbox">
							<img src="../img/index/head_portrait.jpg" alt="" />
						</div>
						<div class="teacher">
							<div id="name">KIMIN</div><br />
							<div id="honor">网络互动中心设计师</div>
						</div>
						<a href="course2.html" class="fr">
							<span>预约报名</span>
							<i class="iconfont">&#xe643;</i>
						</a>
					</div>
					<div class="c1_h clearfix">
						<span class="c1_name fl">高端移动应用开发</span>
						<span class="c1_time fr">
							<em>10月19日</em>
							<em>14:00 - 17:30</em>
						</span>
					</div>
					<div class="picbox">
						<img src="../img/course/cour_01.png" alt="" />
					</div>
				</div>
			</article>
			<article class="c1">
				<div class="w583">
					<div class="c1_top clearfix">
						<div class="picbox">
							<img src="../img/index/head_portrait.jpg" alt="" />
						</div>
						<div class="teacher">
							<div id="name">KIMIN</div><br />
							<div id="honor">网络互动中心设计师</div>
						</div>
						<a href="course2.html" class="fr">
							<span>预约报名</span>
							<i class="iconfont">&#xe643;</i>
						</a>
					</div>
					<div class="c1_h clearfix">
						<span class="c1_name fl">高端移动应用开发</span>
						<span class="c1_time fr">
							<em>10月19日</em>
							<em>14:00 - 17:30</em>
						</span>
					</div>
					<div class="picbox">
						<img src="../img/course/cour_01.png" alt="" />
					</div>
				</div>
			</article>
			<article class="c1">
				<div class="w583">
					<div class="c1_top clearfix">
						<div class="picbox">
							<img src="../img/index/head_portrait.jpg" alt="" />
						</div>
						<div class="teacher">
							<div id="name">KIMIN</div><br />
							<div id="honor">网络互动中心设计师</div>
						</div>
						<a href="course2.html" class="fr">
							<span>预约报名</span>
							<i class="iconfont">&#xe643;</i>
						</a>
					</div>
					<div class="c1_h clearfix">
						<span class="c1_name fl">高端移动应用开发</span>
						<span class="c1_time fr">
							<em>10月19日</em>
							<em>14:00 - 17:30</em>
						</span>
					</div>
					<div class="picbox">
						<img src="../img/course/cour_01.png" alt="" />
					</div>
				</div>
			</article>
		</section>
		<!--脚部导航-->
		<footer>
			<a href="../index.html" class="channel">
				<i class="iconfont">&#xe729;</i>
				<span>首页</span>
			</a>
			<a href="GIMCindex.html" class="channel">
				<i class="iconfontpic"></i>
				<span>GIMC</span>
			</a>
			<a href="articles.html" class="channel">
				<i class="iconfont">&#xe8b8;</i>
				<span>文章</span>
			</a>
			<a href="resource1.html" class="channel">
				<i class="iconfont">&#xe602;</i>
				<span>资源</span>
			</a>
			<a href="#" class="channel nowc">
				<i class="iconfont">&#xe709;</i>
				<span>学院</span>
			</a>
		</footer>
		<!--login & search-->
		<div class="loginpart">
			<!--头部-->
			<header class="login_h">
				<!--登录页面 & 个人信息头部-->
					<div class="cancle">
						<i class="iconfont">&#xe7df;</i>
					</div>
					<div class="search_box">
						<i class="iconfont">&#xe634;</i>
						<input type="text" name="search" id="search" placeholder="Search" value="" />
					</div>
			</header>
			<!--登录以及已经登录页面-->
			<section class="login_page">
				<div class="bg">
					<!--已登录头部-->
					<article class="login_page_h online">
						<div class="picbox">
							<a href="#"><img src="img/index/head_portrait.jpg" alt="" /></a>
							<i>1</i>
						</div>
						<div class="name">
							<span>陈小敏</span>
							<a href="#">
								<span>个人中心</span>
								<i>&gt;</i>
							</a>
						</div>
						<div class="stars">
							<img src="img/index/star.png" alt="" />
							<img src="img/index/star.png" alt="" />
							<img src="img/index/star.png" alt="" />
							<img src="img/index/star.png" alt="" />
						</div>
						<div class="cared_fans">
							<span>关注</span>
							<a href="#">36</a>
							<span>丨</span>
							<span>粉丝</span>
							<a href="#">290</a>
						</div>
						<div class="btnsbox">
							<a href="#" class="red"><span>我的收藏</span></a>
							<a href="#" ><span>我的发布</span></a>
						</div>
					</article>
					<!--未登录头部-->
					<article class="login_page_h not_login">
						<div class="picbox">
							<a>
								<img src="img/index/mx-nologin.png" alt="" />
							</a>
						</div>
						<div class="login">
							<a href="javascript:void(0)"><span>立即登录</span></a>
						</div>
						<a href="#" class="fget">忘记密码</a>
					</article>
					
					<i class="line"></i>
					<!--登录页面下面内容-->
					<article class="captions">
						<div class="caption">
							<div class="caption_h">
								<span>GIMC</span>
								<i class="iconfont">&#xe642;</i>
							</div>
							<div class="caption_c">
								<a href="html/aboutsg.html">省广介绍</a>
							</div>
							<div class="caption_c">
								<a href="html/news.html">新闻资讯</a>
							</div>
						</div>
						<div class="caption">
							<div class="caption_h">
								<span>文章</span>
								<i class="iconfont">&#xe642;</i>
							</div>
							<div class="caption_c">
								<a href="html/aboutsg.html">省广介绍</a>
							</div>
							<div class="caption_c">
								<a href="html/news.html">新闻资讯</a>
							</div>
						</div>
						<div class="caption">
							<div class="caption_h">
								<span>资源</span>
								<i class="iconfont">&#xe643;</i>
							</div>
						</div>
						<div class="caption">
							<div class="caption_h">
								<span>课程</span>
								<i class="iconfont">&#xe643;</i>
							</div>
						</div>
						<div class="leave">
							<button>退出</button>
						</div>
					</article>
				</div>
			</section>
			
		</div>
		<div class="searchpart">
			<header class="search_h">
				<!--搜索页面-->
					<!--搜索头部-->
					<div class="search_box">
						<i class="iconfont">&#xe634;</i>
						<input type="text" name="search" id="search" placeholder="Search" autofocus="" value="" />
					</div>
					<span>取消</span>
			</header>
			<!--推荐搜索部分-->
			<section class="search_page">
				<div class="search_c">
					<div id="">
						<span>热搜</span>
					</div>
					<em>项目管理</em>
					<em>移动互联网</em>
					<em>O2O联转化</em>
					<em>O2O</em>
					<em>媒介平台</em>
					<em>细分平台业务</em> 
					<em>项目管理</em>
					<em>移动互联网</em>
					<em>O2O联转化</em>
				</div>
				<div class="search_result">
					
				</div>
			</section>
		</div>
	</body>
</html>
